<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-3.2.0.min.js"></script>
<title>vip视频破破破</title>
</head>
<body style="margin: 0; padding: 0;">
	<div style='margin: 0 auto; width: 0px; height: 0px; overflow: hidden;'>
		<img src="img/3.png" width='700'>
	</div>
	<div style="padding: 0; margin: 0; width: 100%; height: 100%;">
		<table id="infos">
			<tr>
				<td style="font-size: 3em;">视频地址:</td>
				<td><input style="font-size: 3em; width: 300px" id="valueurl" /></td>
				<td><select id="api" style="font-size: 3em;">
						<option value="http://api.47ks.com/webcloud/?v=">加载ing...</option>
				</select></td>
				<td><input style="font-size: 3em;" id="go" type="button"
					value="我破" /></td>
			</tr>
		</table>
		<iframe id="vipurl" frameborder="0" scrolling="no" width="100%"
			height="100%"></iframe>
	</div>
	<script>
	!function(){
		var dataroot="VipvideoExt/src/data.json"; 
		$.getJSON(dataroot, function(data){ 
			apis=data.apis; 
			var table = '';
			for(var i=0;i<apis.length;i++){
				table += '<option value="';
				table += apis[i].url;
				table += '">';
				table += apis[i].name;
				table += '</option>';
			}
			document.getElementById('api').innerHTML = table;
		}); 
	}();
	document.getElementById("go").addEventListener("click", function() {
		document.getElementById("infos").style = "display:none;";
		document.getElementById("vipurl").src = document.getElementById("api").value + document.getElementById("valueurl").value;
	});
</script>
<!-- <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script type="text/javascript" src="https://vast-inlet-75928.herokuapp.com/js/stat.js"></script> -->
</body>
</html>
